.{$avatar-prefix}
  position relative
  width 100%
  &.{$avatar-prefix}-no-info
    display inline-block
  &-image-container
    position absolute
    &.{$avatar-prefix}-middle
      middle()
    .{$avatar-prefix}-image
      position absolute
      width 100%
      height 100%
      background-size cover
      background-position 50%
      z-index 1
  &&-shape-circle &-image
    border-radius 50%
  &&-fit-fill &-image-container &-image
    background-size 100% 100%
  &&-fit-contain &-image-container &-image
    background-size contain
  &&-fit-cover &-image-container &-image
    background-size cover
  &&-fit-none &-image-container &-image
    background-size initial

